<template>
  <div>
    <avue-form v-loading="loading" ref="form" :option="option" v-model="form">
      <template slot="attachments">
        <easy-upload
          style="display: inline"
          :drag="false"
          v-model="form.attachments"
          :disabled="['view'].includes(type)"
          :view-with-count="['view'].includes(type)"
        />
      </template>
      <p slot="menuForm" style="width: 100%; border: 1px solid #ccc" class="line"></p>
    </avue-form>
  </div>
</template>

<script>
import { qualificationOption } from '@/option/tenant/supplier/audit-form'
export default {
  name: 'AuditQualifications',
  inject: ['type'],
  props: {
    qualificationInfo: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {
      form: {},
      loading: false,
      option: qualificationOption.call(this)
    }
  },
  watch: {
    form: {
      handler(val) {
        this.$emit('update:qualificationInfo', val)
      },
      deep: true
    }
  },
  methods: {}
}
</script>

<style></style>
